/* PC */
@media screen and (min-width: 1200px){
*{font-weight:100;}
header{height:80px;padding:20px 100px;}
.head-nav-menu .head-nav-menu-top{height:80px;line-height:40px;padding:20px 100px;}
.head-nav-menu .head-nav-menu-top span{right:100px;}
.head-nav{line-height:40px;}
.head-nav>ul{float:right;}
.head-nav>div{float:right;}
.head-nav li{margin:0 25px;}
.head-nav .search{margin-left:30px;}
.head-nav .search span{font-size:25px;}
.head-nav .pc-menu{margin-left:25px;}
.head-nav .pc-menu span{font-size:25px;}
.head-nav-menu-content .product-range{padding:50px 250px 0 250px;}
.head-nav-menu-content .product-range li{height:350px;padding:10px;}
.head-nav-menu-content .product-range a{max-width:500px;height:90%;}
.search-box .search-main{width:500px;height:50px;}
.search-main .select-box{width:100px;}
.search-main .select-box .select-cla{width:60%;line-height:48px;}
.search-main .select-box .icon{width:40%;line-height:55px;}
.search-main .select-box .cla-list{top:48px;font-size:13px;line-height:30px;}
.search-main .keyword-box{width:calc(100% - 200px);}
.search-main .submit-box{width:100px;line-height:48px;font-size:13px;}
.search-box .search-main>div:nth-child(1){border:none;}
.index-1{padding:70px 0;}
.index-1 .left{width:20%;}
.index-1 .right{width:80%;}
/* .index-1 .swiper{margin-top:70px;} */

.index-1 .index-1-swiper-box{height:500px;}
.index-1 .swiper .swiper-slide{width:27% !important;padding-right:7%;}
.index-1 .swiper .swiper-slide a{height:450px;}

.index-2{padding:70px 0;}
.index-2 .left{width:20%;}
.index-2 .right{width:80%;}

.index-2 .index-2-swiper-box{height:450px;}
.index-2 .swiper .swiper-slide{width:27% !important;padding-right:7%;}
.index-2 .swiper .swiper-slide a{height:400px;}

.index-3{height:800px;overflow:hidden;}
.index-3 .left{float:left;width:50%;}
.index-3 .right{float:left;width:50%;padding:300px 200px 0 200px;}
.index-3 .right p:nth-child(3){margin-top:20px;}
.index-3 .right span{display:block;margin-top:10px;}
.index-4{height:900px;}
.index-4 .card{width:380px;top:50px;right:100px;padding:20px;}
.index-4 .card div{background:#313131;display:inline-block;padding:5px 10px;}
.index-4 .card p:nth-child(2){padding:20px 0;line-height:30px;}
.index-5 ul{display:flex;flex-flow: wrap;}
.index-5 ul li{flex: 1 1 30%;height:450px;padding:80px 100px 0 100px;}
footer .top .left div:nth-child(1){width:200px;padding-left:2%;}
footer .top .left div{width:100px;padding-left:2%;}
footer .top .left div:nth-child(1){padding:0;}
footer .top .left{float:left;width:70%;height:60px;}
footer .top .left img{height:60%;}
footer .top .left div:nth-child(1) img{width:90%;height:auto;}
footer .top .right{float:left;width:30%;height:60px;}
footer .top .right{padding-top:8px;padding-right:10px;}
footer .top .right .img{width:45px;height:45px;margin-left:20px;}
footer .top .right .img:hover img{transform: scale(1.2);}
footer .top .right .img img{width:100%;}
footer .bottom{margin-top:50px;}
footer .bottom .left{float:left;width:80%;height:50px;line-height:25px;}
footer .bottom .right{float:left;width:20%;height:50px;line-height:25px;text-align:right;}
footer .bottom span{margin-right:10px;}
.min-banner{height:700px;padding:260px 100px 0 100px;}
.min-banner h1{padding-bottom:15px;}
.about{padding-bottom:100px;}
.about-nav{width:250px;top:100px;}
.about-nav ul{padding:0 20px;}
.about-nav li{height:35px;line-height:35px;}
.about-box{width:calc(100% - 180px);float:right;padding:90px 20px 0 7.5%;}
.about-box h1{margin-bottom:10px;}
.about-box p{padding:20px 0;line-height:28px;}
#CourseIntroduction ul{margin:30px 0 10px 0;}
#CourseIntroduction ul li{flex:1;}
#CourseIntroduction ul .title{min-width:100px;}
#CourseIntroduction ul p{padding:10px 0 0 0;}
#CourseIntroduction ul img{width:50px;}
#IndustryHonors>div{padding-top:20px;}
#IndustryHonors>div>div{flex:1;}
#IndustryHonors>div .text{padding-left:100px;}
#BrandStrength>ul li{width:25.3%;max-width:20%;height:400px;margin:0 8% 3% 0;}
.product-range-list{padding:30px 0;}
.product-range-list ul{padding:0 15%;}
.product-range-list ul li{flex: 1 1 50%;height:430px;padding-bottom:50px;}
.product-range-list ul li:nth-child(odd){padding-right:25px;}
.product-range-list ul li:nth-child(even){padding-left:25px;}
.product-range-list ul li .box .title{height:50px;line-height:50px;text-align:center;}
.product-list ul{padding:0 100px 100px 100px;}
.product-list ul li{width:25%;padding:1% 1%;}
.material{padding:0 10px 100px 10px;}
.material .top{padding:50px 0 20px 0;}
.material .img-text-box>div{float:left;}
.material .img-text-box .img{width:50%;}
.material .img-text-box .text{width:50%;padding:5% 0 0 5%;}
.material-img9{margin:10px 0 !important;}
.material-img10{margin:20px 0 !important;}
.shop{padding:100px 15% 100px 15%;}
.shop ul{padding:10px 0;}
.shop ul p{padding:0 20%;text-align:center;}
.shop ul li .title{padding:10px;}
.news{padding:50px 10px 0 100px;}
.news ul{float:right;width:90%;}
.news ul p{text-align:justify;}
.news ul li{width:31.3%;margin:0 1% 2% 1%;}
/* .news ul li .info{padding:10px;} */
.news ul li h2{padding:10px 0;}
.news ul li p{padding-top:10px;min-height:90px;}
.product-view .top{padding:100px 0 20px 0;}
.product-view .img-box{padding:0 100px 100px 100px;}
.product-view .swiper{height:600px;padding-bottom:50px;}
.product-view-nav{margin-top:50px;}
.shop-view{padding:0 10px;}
.shop-view .top{padding:50px 0;}
.news-view{padding:10px 0 50px 0;}
.news-view .top{padding:50px 0;}
.feedback .top{padding:50px 0;}
.feedback .top h1{margin-bottom:5px;}
.feedback .content .info>div{float:left;}
.feedback .content .info .left{width:50%;line-height:28px;}
.feedback .content .info .right{width:50%;line-height:28px;}
.feedback .top-2{padding:100px 10px 50px 10px;}
.feedback .top-2 h1{margin-bottom:5px;}
.feedback .form .input-box{margin-bottom:10px;}
.product-list .product-select{width:300px;height:40px;margin:auto;line-height:40px;}
.product-list .product-select h1{width:calc(100% - 40px);}
.product-list .product-select span{width:40px;height:40px;}
.product-list .product-select .product-select-list{top:39px;}
.gotop{width:50px;height:50px;line-height:50px;border-radius:12px;}
.gotop span{font-size:20px;padding-left:12px;}
.product-range-list .top{padding-bottom:80px;}
.product-range-list .top h1{font-size:30px;}
}

/* iPad */
@media screen and (min-width:700px) and (max-width: 1200px){
*{font-weight:300;}
header{height:70px;padding:20px 50px;}
.head-nav-menu .head-nav-menu-top{height:70px;line-height:30px;padding:20px 50px;}
.head-nav-menu .head-nav-menu-top span{right:50px;}
.head-nav{line-height:30px;}
.head-nav>ul{float:right;}
.head-nav>div{float:right;}
.head-nav li{margin:0 20px;}
.head-nav .search{margin-left:30px;}
.head-nav .search span{font-size:25px;}
.head-nav .pc-menu{margin-left:25px;}
.head-nav .pc-menu span{font-size:25px;}
.head-nav-menu-content .product-range{padding:50px 100px 0 100px;}
.head-nav-menu-content .product-range li{height:350px;padding:10px;}
.head-nav-menu-content .product-range a{max-width:500px;height:90%;}
.search-box .search-main{width:500px;height:50px;}
.search-main .select-box{width:100px;}
.search-main .select-box .select-cla{width:60%;line-height:48px;}
.search-main .select-box .icon{width:40%;line-height:55px;}
.search-main .select-box .cla-list{top:48px;font-size:13px;line-height:30px;}
.search-main .keyword-box{width:calc(100% - 200px);}
.search-main .submit-box{width:100px;line-height:48px;font-size:13px;}
.search-box .search-main>div:nth-child(1){border:none;}
.index-1{padding:70px 0;}
.index-1 .left{width:20%;}
.index-1 .right{width:80%;}
.index-1 .index-1-swiper-box{height:450px;}
.index-1 .swiper .swiper-slide{width:27% !important;}
.index-1 .swiper .swiper-slide a{height:400px;}
/* .index-1 .swiper{margin-top:70px;} */
.index-2{padding:70px 0;}
.index-2 .left{width:20%;}
.index-2 .right{width:80%;}
.index-2 .index-2-swiper-box{height:450px;}
.index-2 .swiper .swiper-slide{width:27% !important;}
.index-2 .swiper .swiper-slide a{height:400px;}
.index-3{height:600px;overflow:hidden;}
.index-3 .left{float:left;width:50%;}
.index-3 .right{float:left;width:50%;padding:150px 100px 0 100px;}
.index-3 .right p:nth-child(3){margin-top:20px;}
.index-3 .right span{display:block;margin-top:10px;}
.index-4{height:800px;}
.index-4 .card{width:380px;top:50px;right:100px;padding:20px;}
.index-4 .card div{background:#313131;display:inline-block;padding:5px 10px;}
.index-4 .card p:nth-child(2){padding:20px 0;line-height:30px;}
.index-5 ul{display:flex;flex-flow: wrap;}
.index-5 ul li{flex: 1 1 30%;height:450px;padding:80px 50px 0 50px;}
footer .top .left div{width:100px;padding-left:3%;}
footer .top .left div:nth-child(1){width:200px;padding:0;}
footer .top .left{float:left;width:70%;height:50px;}
footer .top .left img{width:70%;}
footer .top .left div:nth-child(1) img{width:90%}
footer .top .right{float:left;width:30%;height:50px;padding:5px 5px 0 0;}
footer .top .right .img{width:40px;height:40px;margin-left:20px;}
footer .top .right .img:hover img{transform: scale(1.2);}
footer .top .right .img img{width:100%;}
footer .bottom{margin-top:50px;}
footer .bottom .left{float:left;width:100%;line-height:25px;}
footer .bottom .left span{display:block;}
footer .bottom .right{float:left;width:100%;line-height:25px;}
.min-banner{height:500px;padding:200px 50px 0 50px;}
.min-banner h1{padding-bottom:10px;}
.about{padding-bottom:50px;}
.about-nav{width:150px;top:100px;}
.about-nav ul{padding:0 20px;}
.about-nav li{height:35px;line-height:35px;}
.about-box{width:calc(100% - 180px);float:right;}
.about-box{padding:90px 20px 0 20px;}
.about-box h1{margin-bottom:10px;}
.about-box p{padding:20px 0;line-height:28px;}
#CourseIntroduction ul{flex-flow: wrap;margin:30px 0 10px 0;}
#CourseIntroduction ul li{flex: 1 1 50%;padding-bottom:25px;}
#CourseIntroduction ul .title{min-width:100px;}
#CourseIntroduction ul p{padding:0;}
#CourseIntroduction ul img{width:50px;}
#IndustryHonors>div{padding-top:20px;}
#IndustryHonors>div>div{flex:1;}
#IndustryHonors>div .text{padding-left:100px;}
#BrandStrength>ul li{width:25.3%;height:300px;margin:0 8% 3% 0;}
.product-range-list{padding:20px 0;}
.product-range-list ul{padding:0 50px;}
.product-range-list ul li{flex: 1 1 50%;height:300px;padding-bottom:50px;}
.product-range-list ul li:nth-child(odd){padding-right:25px;}
.product-range-list ul li:nth-child(even){padding-left:25px;}
.product-range-list ul li .box .title{height:50px;line-height:50px;text-align:center;}
.product-list ul{padding:0 50px 50px 50px;}
.product-list ul li{width:25%;padding:0 3%;}
.material{padding:0 50px 50px 50px;}
.material .top{padding:40px 0 10px 0;}
.material .img-text-box>div{float:left;}
.material .img-text-box .img{width:50%;}
.material .img-text-box .text{width:50%;padding:2% 0 0 2%;}
.material-img9{margin:10px 0 !important;}
.material-img10{margin:15px 0 !important;}
.shop{padding:50px 10px 50px 10px;}
.shop ul{padding:10px 0;}
.shop ul li .title{padding:10px;}
.news{padding:50px 20px 0 100px;}
.news ul{float:right;width:90%;}
.news ul li{width:31.3%;margin:0 1% 2% 1%;}
.news ul li .info{padding:10px;}
.news ul li h2{margin:10px 0;}
.news ul li p{padding-top:10px;min-height:75px;}
.product-view .top{padding:80px 0 20px 0;}
.product-view .img-box{padding:0 50px 50px 50px;}
.product-view .swiper{height:500px;padding-bottom:50px;}
.product-view-nav{margin-top:50px;}
.shop-view{padding:0 50px;}
.shop-view .top{padding:50px 0;}
.news-view{padding:10px 0 50px 0;}
.news-view .top{padding:50px 0;}
.feedback .top{padding:50px 0;}
.feedback .top h1{margin-bottom:5px;}
.feedback .content .info>div{float:left;}
.feedback .content .info .left{width:50%;line-height:28px;padding-right:10px;}
.feedback .content .info .right{width:50%;line-height:28px;}
.feedback .top-2{padding:50px 10px 30px 10px;}
.feedback .top-2 h1{margin-bottom:5px;}
.feedback .form .input-box{margin-bottom:10px;}
.feedback .form .code{width:50% !important;}
.product-list .product-select{width:300px;height:40px;margin:auto;line-height:40px;}
.product-list .product-select h1{width:calc(100% - 40px);}
.product-list .product-select span{width:40px;height:40px;}
.product-list .product-select .product-select-list{top:39px;}
.gotop{width:50px;height:50px;line-height:50px;border-radius:12px;}
.gotop span{font-size:20px;padding-left:12px;}
.shop ul p{padding:0 10%;text-align:center;}
}

@media screen and (max-width: 950px) {
header{padding:20px 10px;}
.head-nav-menu .head-nav-menu-top{padding:20px 10px;}
.head-nav-menu .head-nav-menu-top span{top:10px;right:10px;}
.head-nav li{margin:0 10px;}
.head-nav .search{margin-left:10px;}
.head-nav .pc-menu{margin-left:10px;}
.head-nav-menu-content .product-range{padding:50px 20px 0 20px;}
.head-nav-menu-content .product-range li{height:350px;padding:10px;}
.head-nav-menu-content .product-range a{max-width:500px;height:90%;}
.index-3 .right{float:left;width:50%;padding:150px 80px 0 80px;}
.index-5 ul li{flex: 1 1 30%;padding:80px 20px 0 20px;}
footer .top .left{width:60%;}
footer .top .right{width:40%;}
footer .top .left div{width:100px;}
.min-banner{height:450px;padding:185px 10px 0 10px;}
.min-banner h1{padding-bottom:10px;}
.about-nav{width:100px;top:100px;}
.about-nav ul{padding:0 10px;}
.about-box{width:calc(100% - 100px);}
#IndustryHonors>div .text{padding-left:50px;}
#BrandStrength>ul li{width:25.3%;height:250px;margin:0 8% 3% 0;}
.product-range-list ul li{flex: 1 1 50%;height:280px;padding-bottom:50px;}
.product-list ul{padding:0 10px 10px 10px;}
.material .img-text-box .img{width:100%;}
.material .img-text-box .text{width:100%;padding:5%;}
.material-img10{margin:10px 0 !important;}
.news{padding:50px 10px;}
.product-view .img-box{padding:0 10px 50px 10px;}
.shop-view{padding:0 10px;}
.feedback .content{padding:0 10px;}
.index-1 .index-1-swiper-box{height:350px;}
.index-1 .swiper .swiper-slide{width:27% !important;}
.index-1 .swiper .swiper-slide a{height:300px;}
.index-2 .index-2-swiper-box{height:350px;}
.index-2 .swiper .swiper-slide{width:27% !important;}
.index-2 .swiper .swiper-slide a{height:300px;}
}


/* Mobile */
@media screen and (max-width: 700px) {
*{font-weight:300;}
.index-text-padding{padding:0 20px;}
header{height:50px;padding:10px 10px;}
.head-nav-menu .head-nav-menu-top{height:50px;padding:10px 10px;}
.head-nav{display:none;}
.mb-menu{float:right;display:block;}
.mb-menu span{font-size:28px;}
.mb-search{float:right;display:block;margin-right:15px;}
.mb-search span{font-size:28px;}
.banner .pc-banner-swiper{display:none;}
.banner .mb-banner-swiper{display:block;}
.head-nav-menu-content .product-range{display:none;}
.head-nav-menu .head-nav-menu-top h1{display:none;}
.head-nav-menu .head-nav-menu-bottom span{display:block;padding:0 0 5px 0;}
.mobile-nav{display:block;width:100%;padding:0 10px;}
.mobile-nav>li{width:100%;line-height:38px;overflow:hidden;border-bottom:1px solid rgb(46, 46, 46);}
.mobile-nav li a{float:left;display:block;width:calc(100% - 38px);}
.mobile-nav li .but{float:right;width:38px;height:38px;text-align:center;cursor:pointer;}
.mobile-nav li .but span{font-size:26px;}
.mobile-nav li ul{padding-left:20px;}
.search-box .search-main{width:100%;height:180px;padding:0 50px;border:none;}
.search-box .search-main>div{margin-bottom:10px;}
.search-main .select-box{width:100%;height:50px !important;border:1px solid;}
.search-main .select-box .select-cla{line-height:48px;padding:0 10px;}
.search-main .select-box .icon{line-height:55px;}
.search-main .select-box .cla-list{top:48px;font-size:13px;line-height:30px;background:#222;}
.search-main .select-box .cla-list>div{height:50px;line-height:50px;}
.search-main .keyword-box{width:100%;height:50px !important;border:1px solid;}
.search-main .submit-box{width:100%;height:50px !important;line-height:48px;font-size:13px;border:1px solid;}
.index-1{padding:50px 10px;}
.index-1 .left{display:none;}
.index-1 .right{width:100%;overflow:hidden;}
.index-1 .instructions{width:100%;display:block;padding:20px 20px;}
/* .index-1 .swiper{margin-top:20px;}
.index-1 .swiper .swiper-slide{padding-right:5px;width:50%;}
.index-1 .swiper .swiper-slide a{width:100%;} */
.index-1 .index-1-swiper-box{height:450px;}
.index-1 .swiper .swiper-slide{width:80% !important;}
.index-1 .swiper .swiper-slide a{height:400px;}
.index-1 .swiper .swiper-slide .title{padding:0 20px;}

.index-2{padding:50px 10px;}
.index-2 .left{display:none;}
.index-2 .right{width:100%;overflow:hidden;}
.index-2 .right h2{padding:0 20px;}
.index-2 .instructions{width:100%;display:block;padding:20px 20px;}

.index-2 .index-2-swiper-box{height:450px;}
.index-2 .swiper .swiper-slide{width:80% !important;}
.index-2 .swiper .swiper-slide a{height:400px;}
.index-2 .swiper .swiper-slide .title{padding:0 20px;}


.index-3{overflow:hidden;}
.index-3 .left{width:100%;height:480px;}
.index-3 .right{width:100%;padding:50px 30px 50px 30px;}
.index-3 .right p:nth-child(3){margin-top:20px;}
.index-3 .right span{display:block;margin-top:10px;}
.index-4{height:500px;}
.index-4 .card{width:90%;bottom:50px;right:0;left:0;margin:auto;padding:20px;}
.index-4 .card div{background:#313131;display:inline-block;padding:5px 10px;}
.index-4 .card p:nth-child(2){padding:20px 0;line-height:30px;}
.index-5 ul{display:flex;flex-flow: wrap;}
.index-5 ul li{flex: 1 1 100%;padding:50px 30px;border-bottom:1px solid #e2ded9;border-left:none;}
.index-5 ul li:nth-child(1){border-bottom:1px solid #e2ded9;}
.index-5 ul li p:nth-child(2){margin:10px 0;}
.index-5 ul li p:nth-child(3){margin-bottom:20px;}
footer{padding:50px 10px 100px 10px;}
footer .top .left{width:100%;overflow: hidden;}
footer .top .left div:nth-child(1){width:100%;height:50px;border-right:none;}
footer .top .left div:nth-child(1) img{width:45%;height:auto;}
footer .top .left div{width:33.3%;height:40px;margin:20px 0;}
footer .top .left div img{position:absolute;left:0;right:0;height:100%;}
/* footer .top .left div:nth-child(3){height:45px;}
footer .top .left div:nth-child(3) img{} */
footer .top .right{width:100%;height:60px;display:flex;margin-top:20px;}
footer .top .right .img{flex:1;padding-top:10px;}
footer .top .right .img img{display:block;width:40px;margin:auto;}
footer .bottom{margin-top:50px;text-align:left;}
footer .bottom .left{float:left;width:100%;line-height:25px;}
footer .bottom .left span{display:block;margin:10px 0;}
footer .bottom .right{float:left;width:100%;line-height:25px;}
.min-banner{height:200px;padding:80px 10px 0 10px;}
.min-banner h1{padding-bottom:5px;font-size:18px;}
.min-banner h2{font-size:16px;}
.about{padding:0 20px 40px 20px;}
.about-nav{opacity:0;left:-1000px;}
.about-box{width:100%;padding:55px 20px 0 20px;}
.about-box h1{margin-bottom:10px;}
.about-box h2{margin-bottom:10px;}
.about-box p{padding:20px 0;line-height:28px;}
#CourseIntroduction ul{flex-flow: wrap;margin:30px 0 10px 0;}
#CourseIntroduction ul li{flex: 1 1 100%;padding-bottom:25px;padding-right:15px;}
#CourseIntroduction ul li>div{min-height:55px;width:50%;float:left;}
#CourseIntroduction ul .title{min-width:100px;float:right;}
#CourseIntroduction ul p{padding:0;width:50%;float:right;}
#CourseIntroduction ul p br{display:none;}
#CourseIntroduction ul img{width:35px;}
#IndustryHonors>div{padding-top:20px;flex-flow: wrap;}
#IndustryHonors>div>div{flex: 1 1 100%;}
#IndustryHonors>div .text{padding:10px 0 0 0;}
#BrandStrength>ul li{width:48%;height:200px;margin:0 0 2% 0;}
#BrandStrength>ul li:nth-child(odd){margin:0 4% 2% 0;}
.product-range-list{padding:30px 0;}
.product-range-list .top{padding:20px 0;text-align:center;}
.product-range-list ul{padding:0 10px 20px 10px;}
.product-range-list ul li{flex: 1 1 100%;height:220px;padding-bottom:10px;}
.product-range-list ul li:nth-child(odd){padding-right:0;}
.product-range-list ul li:nth-child(even){padding-left:0;}
.product-range-list ul li .box .title{height:40px;line-height:40px;text-align:center;font-size:14px;padding:0 10px;}
.product-list ul{padding:0 10px 20px 10px;}
.product-list ul li{width:50%;padding:0 1% 10% 1%;}
.product-list .top{padding:50px 10px;}
.material{padding:0 30px 50px 30px;}
.material .top{padding:20px 0 0 0;}
.material-img9{margin:5px 0 !important;}
.material-img10{margin:5px 0 !important;}
.material p{text-align:justify;}
.shop{padding:20px 10px;}
.shop ul{width:100%;padding:10px 0;}
.shop ul h1{font-size:24px;}
.shop ul li{margin-bottom:15px;}
.shop ul li .title{padding:10px;font-size:14px;}
.news{padding:50px 20px;}
.news ul{width:100%;}
.news ul h1{font-size:24px;}
.news ul li{width:100%;margin:0;}
.news ul li .info{padding:5px 0;}
.news ul li h2{padding:3px 0;font-size:16px;}
.news ul li p{padding-top:3px;min-height:80px;font-size:14px;}
.product-view .top{padding:70px 0 20px 0;}
.product-view .swiper{height:350px;border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;}
.product-view-nav{margin-top:20px;}
.shop-view{padding:0 10px;}
.shop-view .top{padding:20px 0 10px 0;}
.news-view{padding:10px 30px 50px 30px;}
.news-view .top{padding:20px 0;}
.news-view .top h1{font-size:20px;}
.feedback .top{padding:30px 0;}
.feedback .top h1{margin-bottom:5px;}
.feedback .content .info .left{width:100%;line-height:28px;}
.feedback .content .info .right{width:100%;line-height:28px;}
.feedback .form .input-box>div{width:100%;margin-bottom:10px;}
.feedback .top-2{padding:50px 10px 30px 10px;}
.feedback .top-2 h1{margin-bottom:5px;}
.product-list .product-select{max-width:300px;height:35px;margin:auto;line-height:35px;}
.product-list .product-select h1{width:calc(100% - 40px);}
.product-list .product-select span{width:40px;height:40px;}
.product-list .product-select .product-select-list{top:34px;}
.gotop{width:40px;height:40px;line-height:40px;border-radius:6px;}
.gotop span{font-size:20px;padding-left:8px;}
.shop ul p{text-align:justify;}
}